<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>冰果优品</title>
    <link href="../public/css/animate.min.css" rel="stylesheet" type="text/css">
    <link href="../public/css/swiper.min.css" rel="stylesheet" type="text/css">
    <link href="../public/less/navigation.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" href="../public/less/naview.css">
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <script type="text/ecmascript" src="../public/js/lib/md5.js"></script>
    <script src="../public/js/lib/common.js"></script>
    <script src="../public/js/lib/flexible.js"></script>
    <script src="../public/js/lib/zepto.min.js"></script>
    <script src="../public/js/lib/swiper.min.js"></script>
    <script src="../public/js/plugins/navigation.js"></script>
    <script src="../public/js/plugins/naview.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
</head>
<body>
<div class="glo">
    <div class="head">
        <label>
            <div class="navi"></div>
        </label>
        <div class="seacher">
            <div class="input-search"></div>
            <input type="search" placeholder="搜索">
        </div>
    </div>
    <div class="swiper">
        <div class="swiper-container swiper-container1">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="http://dev-bucket.bingstar.com.cn/uploadImage/2017/4/27/1493254571322.png">
                </div>
                <div class="swiper-slide">
                    <img src="http://dev-bucket.bingstar.com.cn/uploadImage/2017/4/24/1492998799456.png">
                </div>
                <div class="swiper-slide">
                    <img src="http://dev-bucket.bingstar.com.cn/uploadImage/2017/4/27/1493254571322.png">
                </div>
                <div class="swiper-slide">
                    <img src="http://dev-bucket.bingstar.com.cn/uploadImage/2017/4/24/1492998799456.png">
                </div>
                <div class="swiper-slide">
                    <img src="http://dev-bucket.bingstar.com.cn/uploadImage/2017/4/27/1493254571322.png">
                </div>
            </div>
            <div class="swiper-pagination swiper-pagination1"></div>
        </div>
    </div>
    <div class="content">
        <div class="tab">
            <div class="tab1 active"><span>冰果优品</span></div>
            <div id="barands" class="tab2"><span>品牌馆</span></div>
            <div class="tab3"><span>每日特惠</span></div>
        </div>
        <div class="tab1-cont">
            <ul class="mui-table-view1">
            </ul>
            <div id="spinner">
                正在加载...
            </div>
        </div>
        <div class="tab2-cont">
            <div class="goods-model">
                <div class="swiper-container swiper-container-horizontal swiper-container3">
                    <div id="categary" class="swiper-wrapper" style="align-items: center">
                        <div class="swiper-slide">大闸蟹</div>
                        <div class="swiper-slide">小龙虾</div>
                        <div class="swiper-slide">野生胖头</div>
                        <div class="swiper-slide">野生鲫鱼</div>
                        <div class="swiper-slide">野生鲢鱼</div>
                        <div class="swiper-slide">野生青混</div>
                        <div class="swiper-slide">野生鳖</div>
                    </div>
                </div>
            </div>
            <!--<div class="goods-brand">-->
                <!--<div class="title">-->
                    <!--<div class="img-title"></div>-->
                    <!--<div class="title-name">热门品牌</div>-->
                    <!--<div class="more-brand">MORE>-->
                        <!--<div class="more-brand-hint"></div>-->
                    <!--</div>-->
                    <!--<div id="packup">-->
                        <!--<div class="pack-up"></div>-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div class="brand-list">-->
                    <!--<div id="brandList" class="brand-list-img">-->

                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->
            <div class="goods-brand">
                <div class="title">
                    <div class="img-title"></div>
                    <div class="title-name">新品推荐</div>
                </div>
                <div id="swiper" class="swiper-container swiper-container2">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img src="http://dev-bucket.bingstar.com.cn/uploadImage/2017/4/27/1493254571322.png">
                        </div>
                        <div class="swiper-slide">
                            <img src="http://dev-bucket.bingstar.com.cn/uploadImage/2017/4/24/1492998799456.png">
                        </div>
                        <div class="swiper-slide">
                            <img src="http://dev-bucket.bingstar.com.cn/uploadImage/2017/4/27/1493254571322.png">
                        </div>
                        <div class="swiper-slide">
                            <img src="http://dev-bucket.bingstar.com.cn/uploadImage/2017/4/24/1492998799456.png">
                        </div>
                    </div>
                    <div class="swiper-pagination swiper-pagination2"></div>
                </div>
            </div>
            <div class="goods-brand">
                <div class="title">
                    <div class="img-title"></div>
                    <div class="title-name">大家都在买</div>
                </div>
                <ul id="weshoppind">
                </ul>
            </div>
        </div>
        <div class="tab3-cont"></div>
    </div>
</div>
<!-- 引入底部导航栏（别以为是注释） -->
<!--include "../public/components/navigation.html"-->
<!--include "../public/components/naview.html"-->
</body>
</html>
